@import "../../../commin/commin.less";
page{
    // background-color: #ff8f04;  
    // background: linear-gradient(to bottom, #FE9408,#FF8F04);       
}
.header{
    background: linear-gradient(to bottom, #FE9408,#FF8F04);
    .header-image{
        // background: url('../../images/bg.png');
        .kuangao(100%,1091rpx);
    }
    .title_img{
        .kuangao(100%,130rpx);
        .position(absolute, 115rpx, 0, 0, 0);
    }
    .header-title{
        .position(absolute, 260rpx, 0, 0, 0);
        text-align: center;
        .fontsize(30rpx);
        font-family: PingFang SC;
        font-weight: bold;
        color: @white-color;
        .wallet{
            color: #FFEA00;
            .fontsize(40rpx);    
            .margins(auto,5rpx,auto,5rpx);     
        }
        .service-wrap{
            margin-top: 15rpx;  
            .service{
                background: linear-gradient(90deg, rgba(249, 250, 251, 0) 10%, #FF6101);
                border-radius: 10rpx;  
                border-width: 600;
                .paddings(10rpx,10rpx,10rpx,10rpx);
            }
        }
    }

    .friendsList-wrap{   
        padding-bottom: 50rpx;  
        .friendsList{  
            position: relative;       
            .margins(0,auto,0rpx,auto);  
            background: #FFF9F0;   
            .kuan(686rpx);
            box-shadow: 4rpx 11rpx 24rpx 0rpx rgba(126, 71, 3, 0.2);
            border-radius: 16rpx;  
            .textalign();
            .rightnow-btn{
                .position(absolute, -140rpx, 0, auto, 0);           
                .kuangao(604rpx,100rpx);
                line-height: 100rpx;
                color: #915502;
                font-size: 40rpx;  
                background: linear-gradient(0deg, #FFCD00 0%, #FFCD00 99%);
                // box-shadow: 0rpx 0rpx 6px 0px #FFCD00;
                border-radius: 90rpx;    
                margin: 0 auto;    
            } 
            .line_bg{   
                .kuangao(388rpx,78rpx);   
            }
            .line_text{
                .position(absolute, 0, 0, 0, 0); 
                line-height: 78rpx;   
                .fontsize(36rpx);
                font-family: PingFang SC;
                font-weight: bold;
                color: @white-color;
            }
            .friendsNum{
                .kuangao(622rpx,177rpx);
                background: rgba(252, 114, 76, 0.06);
                border: 1rpx dashed #F7A14A;
                margin:48rpx auto 0 auto;
                display:flex;
                justify-content: space-between;
                align-items: center; 
                .friendsNum-left{
                    margin-left: 48rpx;
                    .nums{
                        margin-top: 31rpx;  
                    }
                    .num-label{
                        .fontsize(30rpx);
                        font-family: PingFang SC;
                        font-weight: bold;
                        color: #75564E;
                    }
                    .num{
                        font-size: 48px;
                        .fontsize(48rpx);  
                        font-family: DIN;
                        font-weight: bold;   
                        color: @orange;
                    }
                    .unit{
                        color: #75564E;
                        .fontsize(35rpx);  
                        font-family: DIN;
                        margin-left: 10rpx;
                    }   
                }   
                .friendsNum-right{
                    margin-right: 48rpx;
                    .nums{
                        margin-top: 31rpx;  
                    }
                    .num-label{
                        .fontsize(30rpx);
                        font-family: PingFang SC;
                        font-weight: bold;
                        color: #75564E;  
                    } 
                    .num{
                        font-size: 48px;
                        .fontsize(48rpx);  
                        font-family: DIN;
                        font-weight: bold;
                        color: @orange;
                    }
                    .unit{
                        color: #75564E;
                        .fontsize(35rpx);  
                        font-family: DIN;
                        margin-left: 10rpx;
                    }
                } 
            }
            .invitationInfo{
                display: flex;
                justify-content: space-between;
                align-items: center;
                .margins(48rpx,80rpx,31rpx,80rpx);
                .fontsize(32rpx);
                font-family: PingFang SC;
                font-weight: bold;
                color: #75564E;
            }
            .invitationList{
                display: flex;
                justify-content: space-between;
                align-items: center;
                .kuangao(622rpx,106rpx);      
                background: rgba(252, 114, 76, 0.06);
                border-radius: 16rpx;
                margin: 0 auto;
                margin-bottom: 16rpx; 
                
                .reward-txt{
                    margin-right: 47rpx;  
                    .fontsize(28rpx);
                    font-family: PingFang SC;
                    font-weight: 500;
                    color: #75564E;  
                    .reward{
                        .fontsize(30rpx);
                        color:@orange;
                        font-family: PingFang SC;
                        font-weight: 500;
                        .margins(auto,5rpx,auto,5rpx);
                    }
                }
                .phone{
                    margin-left: 47rpx;
                    .fontsize(28rpx);
                    font-family: PingFang SC;
                    font-weight: 500;
                    color: #75564E;
                }
            }
            .invitationList-none{
                padding-bottom: 26rpx;  
                font-family: PingFang SC;
                font-size: 28rpx;
                font-weight: 500;
                color: @text-color4;
            }
        }
    }
    
    
}

.imagesize {
    display: flex; //flex布局
    height: 900rpx; //flex布局高度
    justify-content: center;
    align-items: center;

    .upgrading {
        width: 514rpx;
        height: 398rpx;
    }

}

.txt {
    margin-top: -190rpx;
    display: flex;
    flex-direction: column;
}

.txt1 {
    text-align: center;
    .fontsize(32rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @green;
    margin-bottom: 38rpx;
    .fromDate{
        .fontsize(30rpx);
        color: @orange;  
    }
}

.txt2 {
    text-align: center;
    .fontsize(22rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color3;
}